<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
    <title>MediaNav | {% block title %}Media Management{% endblock %}</title>
    <link rel="stylesheet" href="/medianav/media/css/blueprint/screen.css" type="text/css" media="screen, projection">
    <link rel="stylesheet" href="/medianav/media/css/blueprint/print.css" type="text/css" media="print">    
    <!--[if lt IE 8]><link rel="stylesheet" href="/medianav/media/css/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
    <link rel="stylesheet" href="/medianav/media/css/blueprint/plugins/fancy-type/screen.css" type="text/css" media="screen, projection">
    <link rel="stylesheet" href="/medianav/media/css/medianav.css" type="text/css" media="screen, projection">
    <script type="text/javascript" src="/medianav/media/js/jquery.js"></script>
    <script type="text/javascript" src="/medianav/media/js/jquery.tablesorter.min.js"></script>
    <script type="text/javascript" src="/medianav/media/js/jquery.checkboxes.min.js"></script>
    <script type="text/javascript">
    {% block jscript %}{% endblock %}
    </script>
</head>

<body>
    <div class="container">
        <div id="header" class="span-20">
            <h1>MediaNav{% if debug %} - DEBUG{% endif %} </h1>
        </div>
        <div id="user" align=right class="span-4 last">
            {% if user.is_authenticated %}
            <a href="{% url django.contrib.auth.views.logout %}">Log out</a> <b>{{ user.username }}</b>
            {% else %}
            <a href="{% url django.contrib.auth.views.login %}">Log in</a>
            {% endif %}
        </div>
        <div id="subheader" class="span-24 last">
            <h3 class="alt">Manage your media</h3>
        </div>
        <hr />
        <div class="span-4" id="sidebar">
            {% block sidebar %}
            <div id="navigation">
                <h3 class="caps"><a href="{% url mnav.views.default %}">HOME</a></h3>
                <br>
                <h3 class="caps">TV</h3>
                <div class="box">
                    <ul>
                        <li><a href="{% url tv.views.shows_list %}">All Shows</a></li>
                        <li><a href="{% url tv.views.favourite_list %}">Favourite Shows</a></li>
                        <li><a href="{% url tv.views.missing_episodes %}">Missing Episodes</a></li>
                        <li><a href="{% url tv.views.unseen_episodes %}">Unseen Episodes</a></li>
                    </ul>
                </div>
                <h3 class="caps">Movies</h3>
                <div class="box">
                    <ul>
                        <li><a href="{% url movies.views.movies_list %}">All Movies</a></li>
                    </ul>
                    <form action="{% url movies.views.search %}" method="get">
                        <input type="text" name ="q" />
                        <input type="submit" value="Search" />
                    </form>
                </div>
            </div>
            {% endblock %}
        </div>
        <div class="span-20 last" id="content">
            {% block content %}{% endblock %}
        </div>
        <hr />
    </div>
</body>
</html>
